@charset "utf-8";
/*Special area in the page*/
/* Login and Register*/
.outer-wrapper-register,.outer-wrapper-login{
	width:470px;
	margin:0 auto;
	padding-bottom:0;
	height:70%;
	position:relative;
	top:30%;
	}
.logo{
	width:100%;
	height:150px;
	background:url(../image/logo-txt.png) no-repeat center bottom;}
.logo-img{
	display:block;
	width:300px;
	height:45px;
	background:url(../image/logo.png) no-repeat 0 0;
	margin:0 auto;
	}

.register{
	padding:16px 0 16px 120px;
	}
.form-register{
	line-height:40px;
	position:relative;
	}
.form-register .hideSpan{
	position:absolute;left:10px;
	line-height:30x;
	color:#999;}
.form-register input{
	width:220px;
	height:30px;
	/*line-height:30px;*/
	border:1px #ccc solid;
	padding-left:10px;
	color:#999;}
.form-submit input{
	font-size:14px;
	letter-spacing:2px;
	text-align:center;
	height:40px;
	line-height:40px;
	width:232px;
	background-color:#f15a24;
	color:#fff;
	margin-top:15px;
	border:1px solid #f15a24;
	cursor:pointer;}
.form-text{
	font-size:14px;
	display:block;
	width:100px;
	text-align:center;
	margin-left:20%;
	color:#fff;}
.login_btn{
	font-size:14px;
	font-weight:bold;
	letter-spacing:2px;
	line-height:30px;
	color:#fff;
	width:100px;
	background:#f15a24;
	position:fixed;
	left:60px;
	bottom:45px;}
	
/*login*/
.login-member{
	margin-top:15px;
	color:#ffffff;
	font-weight:bold;}
	
	
/*UserInfor*/
.top-logo-img{
	width:245px;
	line-height:50px;
	overflow:hidden;
	background-size:100% 100%;}
.top-nav-logo{
	display:block;
	width:235px;
	height:32px;
	background:url(../image/logo.png) no-repeat 0 0 scroll;
	background-size:100% 100%;
	margin-top:6px;}
.nav-txt{
	font-size:14px;
	color:#fff;
	line-height:50px;}

.nav-user-list{
	color:#fff;
	float:left;}




/*inside the content p002.html*/
.content-userinfo{
	width:410px;
	height:220px;
	background:url(../image/bg_nav.png) repeat-y 0 0 scroll;
	top:145px;
	left:59px;
	padding:15px;
		position:absolute;
	}
.userinfo-title{
	font-size:30px;
	font-weight:bold;
	padding-left:10px;
	line-height:52px;}
.userinfo-share{
	height:46px;
	border-bottom:1px solid #333;
}
.userinfo-share li{
	float:left;
	width:65px;
	height:100%;

	}
.userinfo-share li a	{
	display:block;
	width:100%;
	height:100%;
	}
.userinfo-share li a.sina{
	background:url(../image/icon-sina.png) no-repeat center;}
.userinfo-share li a.tengxun{
	background:url(../image/icon-tengxun.png) no-repeat center;}
.userinfo-share li a.douban{
	background:url(../image/icon-dou.png) no-repeat center;}
.userinfo-share li a.happy{
	background:url(../image/icon-happy.png) no-repeat center;}
.userinfo-share li a.wechat{
	background:url(../image/icon-wechat.png) no-repeat center;}
.wechat-2code{
	 position:absolute;top:-53px;left:235px; background:url(../image/bg-wechat.png) 0 0 no-repeat scroll;width:94px;height:120px; text-align:center; color:#fff;
	}
.wechat-c1{
	background:url(../image/bg-wechat.png) 0 0 no-repeat scroll;}
.wechat-c2{
	background:url(../image/bg-wechat-2.png) 0 0 no-repeat scroll;}
.wechat-c3{
	background:url(../image/bg-wechat-3.png) 0 0 no-repeat scroll;}
.wechat-c4{
	background:url(../image/bg-wechat-4.png) 0 0 no-repeat scroll;}
.wechat-c5{
	background:url(../image/bg-wechat-5.png) 0 0 no-repeat scroll;}
.wechat-c6{
	background:url(../image/bg-wechat-6.png) 0 0 no-repeat scroll;}
.content_userinfo_s .wechat-2code{
	left:190px;}
.wechat-img{
	display:block;position:absolute;right:20px;top:20px;}
.wechat-2code p{
	line-height:24px;}	
.user-remark{
	line-height:18px;
	}

.location li{
	width:auto;
	height:30px;
	float:left;
	padding-left:15px;
	padding-right:15px;
	background:url(../image/icon-strip.png) 0 3px no-repeat;
	}
.location li:first-child{
	padding-left:0;
	background:none;
	}
.location  a{
	text-decoration:none;
	text-indent:2em;
	color:#f15a24;
	display:block;
	line-height:30px;
	font-size:14px;
	width:100%;
	}
.location  a:hover{
	color:#FC3;}
.location  a.up{
	background:url(../image/icon-gps.png) no-repeat 0 0;}
.location  a.mid{
	background:url(../image/icon-career.png) no-repeat 0 0;}
.location  a.down{
	background:url(../image/icon-delete.png) no-repeat 0 0;}
.lo2 li{
	
	}
.lo2 li:last-child{
	background:none;
	padding-left:0;
	width:auto;}
.widget{
	position:relative;
	
	}
.share-op-li{
	width:100px;
	height:30px;
	line-height:30px;
	float:left;
	margin-top:5px;
	background-color:#f15a24;
	border-left:1px solid #fff;}
.share-op,.add,.say-hi,.send-msg{
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	background:#f15a24;
	text-indent:-99999px;}
.share-op{
	background:url(../image/share-op-2.png) no-repeat center;
	}
.add{
	background:url(../image/icon-add-1.png) no-repeat center;
	}
.say-hi{
	background:url(../image/icon-hi-1.png) no-repeat center;
	}
.send-msg{
	background:url(../image/icon-msg-1.png) no-repeat center;
	}
/*.share-op:hover{
	background:url(../image/share-op-1.png) no-repeat 0 0;
	}*/
.share-op-on a.share-op{
	background:url(../image/share-op-1.png) no-repeat center;
	}
.share-op-on a.add{
	background:url(../image/icon-add-2.png) no-repeat center;
	}
.share-op-on a.say-hi{
	background:url(../image/icon-hi-2.png) no-repeat center;
	}
.share-op-on a.send-msg{
	background:url(../image/icon-msg-2.png) no-repeat center;
	}
.widget-share-pop{
	width:104px;height:auto; position:absolute;left:25px; top:35px;
	padding:15px 10px 10px;color:#fff;
	background:url(../image/bg-share.png) 0 0 no-repeat scroll;
	text-align:center;
	z-index:100;}
.bg-long{
	width:130px;height:auto; position:absolute;left:25px; top:35px;
	padding-top:15px;color:#fff;
	background:url(../image/bg-share-1-d.png) 0 0 no-repeat scroll;
	text-align:center;
	z-index:100;}
.bg-lt{
	padding-bottom:10px;}
.bg-long-c2{
	background:url(../image/bg-share.png) 0 0 no-repeat scroll;
	}
.bg-long-c3{
	background:url(../image/bg-share-3-d.png) 0 0 no-repeat scroll;
	}
.bg-long-c4{
	background:url(../image/bg-share-4-d.png) 0 0 no-repeat scroll;
	}
.bg-long-c5{
	background:url(../image/bg-share-5-d.png) 0 0 no-repeat scroll;
	}
.bg-long-c6{
	background:url(../image/bg-share-6-d.png) 0 0 no-repeat scroll;
	}
.
.bg-long .share-pop-in{
	padding-left:15px;}
.wsp-in{
	clear:both;
	width:130px;
	height:auto;
	background-color:#F15A24;
	padding-top:5px;
	padding-bottom:10px;}
.wspc1{
	background-color:#FE0000;}
.wspc3{
	background-color:#8CC63E;}
.wspc4{
	background-color:#F59BBF;}
.wspc5{
	background-color:#A991A7;}
.wspc6{
	background-color:#80CAA5;}
.pop-last{
	top:-231px;
	background:url(../image/bg-x.png) repeat-x 0 0;
	padding-top:0;}
.pop-last .wsp-in{
	background:url(../image/bg-share-6-up.png) bottom left no-repeat;
	padding-bottom:25px;}
.pop-lt{
	top:-148px;
	padding-bottom:20px;
	background:url(../image/bg-share-6-up.png) bottom left no-repeat;}
.widget-share-pop p,.bg-long p{
	text-align:left;}
.bg-long p{
	text-indent:1em;}
.share-pop-title{
	color:#fff;}
.share-pop-in{
	
	background:red;}
.bg-long .share-pop-in{
	padding-left:15px;} 
.share-pop-in li{
	float:left;
	width:52px;
	height:44px;}
.share-pop-in a{
	display:block;
	height:100%;
	width:100%;
	text-indent:-99999px;}
.pop-sina{
	background:url(../image/icon-sina-2.png) no-repeat center;}
.pop-tengxun{
	background:url(../image/icon-tengxun-2.png) no-repeat center;}
.pop-douban{
	background:url(../image/icon-dou-2.png) no-repeat center;}
.pop-happy{
	background:url(../image/icon-happy-2.png) no-repeat center;}
.counter{
	width:630px;
	height:140px;
	background:url(../image/counter.png) no-repeat center;
	position:absolute;
	top:450px;
	left:400px;}
	
	
	
	
	
/*p003.html*/
.content-list{
	height:298px;
	border:1px solid #;
	clear:both;
	margin-bottom:8px;
	}
.user-img {
	width:300px;
	height:298px;
	text-align:center;
	overflow:hidden;}
.content_userinfo_s{
	width:270px;
	height:262px;
	padding-top:35px;
	padding-bottom:0;
	margin-top:0px;
	margin-left:0px;
	position:relative;
	left:0;
	top:0;
	}
.userinfo-share-s{
	border:0;}
.userinfo-share-s li{
	width:50px;
	margin-right:4px;
	}
.userinfo-share-s li:last{
	margin-right:0;}
.share-op-li-s{
	width:65px;
	}
/*.share-op-li-c1{
	background-color:#FE0000;}
.share-op-li-c2{
	background-color:#f15a25;}
.share-op-li-c3{
	background-color:#8CC63E;}
.share-op-li-c4{
	background-color:#F499C2;}
.share-op-li-c5{
	background-color:#AB91AC;}
.share-op-li-c6{
	background-color:#7CCCA7;}
*/
.share-op-li-c1{
	background-color:#F15A25;}
.share-op-li-c2{
	background-color:#80CAA5;}
.share-op-li-c3{
	background-color:#F499C2;}
.share-op-li-c4{
	background-color:#BDDD94;}
.share-op-li-c5{
	background-color:#F9A67E;}
.share-op-li-c6{
	background-color:#B9C45B;}
.share-op-li-c7{
	background-color:#21B8E5;}
.share-op-li-c8{
	background-color:#AB91AC;}
	
.share-op-on a.share-op2{
	background:url(../image/share-op-list1-1.png) no-repeat center;
	}
.share-op-on a.add2{
	background:url(../image/icon-add-list1-2.png) no-repeat center;
	}
.share-op-on a.say-hi2{
	background:url(../image/icon-hi-list1-2.png) no-repeat center;
	}
.share-op-on a.send-msg2{
	background:url(../image/icon-msg-list1-2.png) no-repeat center;
	}

/*list2*/
.share-op-on a.share-op3{
	background:url(../image/share-op-1.png) no-repeat center;
	}
.share-op-on a.add3{
	background:url(../image/icon-add-list1-2.png) no-repeat center;
	}
.share-op-on a.say-hi3{
	background:url(../image/icon-hi-list1-2.png) no-repeat center;
	}
.share-op-on a.send-msg3{
	background:url(../image/icon-msg-list1-2.png) no-repeat center;
	}
	
	
/*list3*/
.share-op-on a.share-op4{
	background:url(../image/share-op-list3-1.png) no-repeat center;
	}
.share-op-on a.add4{
	background:url(../image/icon-add-list3-2.png) no-repeat center;
	}
.share-op-on a.say-hi4{
	background:url(../image/icon-add-list3-2.png) no-repeat center;
	}
.share-op-on a.send-msg4{
	background:url(../image/icon-msg-list3-2.png) no-repeat center;
	}
	
/*list4*/
.share-op-on a.share-op5{
	background:url(../image/share-op-list4-1.png) no-repeat center;
	}
.share-op-on a.add5{
	background:url(../image/icon-add-list14-2.png) no-repeat center;
	}
.share-op-on a.say-hi5{
	background:url(../image/icon-hi-list4-2.png) no-repeat center;
	}
.share-op-on a.send-msg5{
	background:url(../image/icon-msg-list4-2.png) no-repeat center;
	}
	
/*list5*/
.share-op-on a.share-op6{
	background:url(../image/share-op-list5-1.png) no-repeat center;
	}
.share-op-on a.add6{
	background:url(../image/icon-add-list5-2.png) no-repeat center;
	}
.share-op-on a.say-hi6{
	background:url(../image/icon-hi-list5-2.png) no-repeat center;
	}
.share-op-on a.send-msg6{
	background:url(../image/icon-msg-list5-2.png) no-repeat center;
	}
	
/*list6*/
.share-op-on a.share-op7{
	background:url(../image/share-op-list6-1.png) no-repeat center;
	}
.share-op-on a.add7{
	background:url(../image/icon-add-list6-2.png) no-repeat center;
	}
.share-op-on a.say-hi7{
	background:url(../image/icon-hi-list6-2.png) no-repeat center;
	}
.share-op-on a.send-msg7{
	background:url(../image/icon-msg-list6-2.png) no-repeat center;
	}
	


.user-remark-n{
	height:80px;}
.even{height:50px;}
.userinfo-share-s .wechat-2code{
	top:-24px;
	color:#fff;}

/*fixed menu*/
.user-operate{
	width:auto;
	height:auto;
	position:absolute;
	margin-right:400px;
	left:-50px;
	top:0px;
	}
.user-operate li{
	height:auto;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	margin-bottom:1px;	
	
	vertical-align:central;
	line-height:16px;
	}
.user-operate li a{
	color:#fff;
	display:block;
	width:20px;
	height:auto;
	padding:15px ;
	background:#666; }
.user-operate li a:hover,.user-operate .current a{
	background-color:#f15a24;}
/*.content_userinfo_s:last{
	display:none;}*/
	
	
	
	
/*p004.html Almost the same with p003.html
	left sidebar  and right
*/
.user-info li a{
	padding-top:30px;
	padding-bottom:30px;
	line-height:18px;}
.user-operate-right{	
	left:703px;}
	
	

/*User modify his own information
	p005.html
	2014-9-17
*/
.user-private-detail,.user-private-psw,.user-edit-info,.undefinde-area{
	width:600px;
	margin:15px auto;

	}
.user-private-top{
	background:url(../image/bg_form.png) repeat-y 0 0; height:17px;}

.form-user{
	width:420px;
	margin:0 auto;
	background:url(../image/bg_form.png) repeat-y 0 0;
	padding:15px 90px 20px;
	line-height:32px;
	font-size:14px;
	}
.user-private-top2{
	background:url(../image/bg-triangle.png) no-repeat right top scroll;height:17px;}
.user-all-on .form-user{
	background:#fff;}
/*2014-9-23

/*
2014-9-23
.current-form{
	background:#fff;
	}
	*/
	
	
.form-user label{
	width:74px;	
	display:inline-block;
	text-align:right;
	margin-right:10px;
	}
.form-user	select{
	margin-right:5px;}
.original-psw,.new-psw,.confirm-psw,.mobile{
	width:250px;
	border:#999 solid 1px;
	height:22px;}
.user-sumit-btn{
	display:block;
	width:250px;
	height:35px;
	background-color:#f15a24;
	border:0;
	color:#fff;
	margin:10px auto;}
/*p006.html*/
.user-edit{
	height:100%;}
.user-edit-info,.undefinde-area{
	width:500px;}
.form-edit{
	padding:14px 56px 30px 44px;
	position:relative;
	color:#333;
	width:400px;
	}
.form-edit .user-title{
	line-height:60px;
	border: 0 none;
	font-size:30px;
	color:#333;
	background: none;
	border-bottom: 1px solid;
	line-height: 60px;
	height: 60px;
	width: 100%;
}

.edit-description{
	font-size:14px;
	width:100%;
	margin-top:20px;
	vis
	}
.yourcity,.career,.interest{
	text-indent:26px;
	}
.form-edit input{
	line-height:35px;
	height:35px;
	font-size:14px;
	width:100px;
	}
.yourcity{
	background:url(../image/icon-gps.png) no-repeat 0 5px;}
.career{
	background:url(../image/icon-career.png) no-repeat 0 5px;}
.interest{
	background:url(../image/icon-delete.png) no-repeat 0 5px;}
.yourcity input,.career input,.interest input,.edit-description{
	border:0;background:none;}
.tip{
	position:absolute;
	top:20px;right:25px;
	background:url(../image/icon-info.png) no-repeat 0 center;
	text-indent:2em;
	}
/*undefine area*/
.form-undefinde{
	width:336px;
	padding:20px 82px;
	color:#333;
	}
.social{
	width:230px;
	line-height:20px;
	height:20px;
	border:1px solid #000;
	background:none;
	}
.upload{
	display:inline-block;width:150px;height:25px;
	background:#f15a24;text-align:center;line-height:25px;
	color:#fff; border:none;
	}
.wechat-preview{
	background:#;
	width:150px;
	height:150px;
	margin-left:84px;
	overflow:hidden;
	border:1px solid #ccc;
	}
.wechat-preview img{
	width:100%;}
.bg_color{
	width:auto;}

.bg_color span{
	display:inline-block;width:20px;height:20px; background-color:red;
	border:2px solid white;
	vertical-align:middle;
	}

.bg_color span.c1{
	background-color:#F15A25;}
.bg_color span.c2{
	background-color:#80CAA5;}
.bg_color span.c3{
	background-color:#F499C2;}
.bg_color span.c4{
	background-color:#BDDD94;}
.bg_color span.c5{
	background-color:#F9A67E;}
.bg_color span.c6{
	background-color:#B9C45B;}
.bg_color span.c7{
	background-color:#21B8E5;}
.bg_color span.c8{
	background-color:#AB91AC;}
.bg_color span:hover,.bg_color span.current-on{
	border:#bbb solid 2px;}
	
.addClass{
	color:red;}